<template>
    <section id="renting_house_detail_info">
        <div class="box">
            <p class="title">基本信息</p>
            <div class="falseInfo">
                <img src="../../assets/image/FalseInfo.png" alt="虚假信息">
                <p>虚假信息</p>
            </div>
        </div>
        <div class="renting_house_detail_info_list">
            <dl>
                <dt>付款</dt>
                <dd>押一付三</dd>
            </dl>
            <dl>
                <dt>朝向</dt>
                <dd>南北</dd>
            </dl>
            <dl>
                <dt>楼层</dt>
                <dd>中层/33层</dd>
            </dl>
            <dl>
                <dt>装修</dt>
                <dd>精装修</dd>
            </dl>
            <dl>
                <dt>类型</dt>
                <dd>普通公寓</dd>
            </dl>
            <dl>
                <dt>年代</dt>
                <dd>2015年</dd>
            </dl>
        </div>
    </section>
</template>

<style scoped>
#renting_house_detail_info{
    padding-bottom: 25px;
}
#renting_house_detail_info .box{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding: 15px 10px 5px;
}
#renting_house_detail_info .box p{
    margin: 0;
}
#renting_house_detail_info .box .title{
    font-size: 1.125rem;
    color: #000;
}
#renting_house_detail_info .box .falseInfo{
    display: flex;
    align-items: center;
    
}
#renting_house_detail_info .box .falseInfo img{
    height: 13px;
}
#renting_house_detail_info .box .falseInfo p{
    margin-left: 5px;
    color: #75C1FD;
    font-size: .75rem;
}
.renting_house_detail_info_list{
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}
.renting_house_detail_info_list dl{
    margin: 15px 0 0;
    width: 50%;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #A8A8A8;
}
.renting_house_detail_info_list dl dd{
    margin-left: 10px;
    color: #555;
}
</style>
